import { useState } from "react"

const useZoomIn = () => {
    const [isZoomIn, setIsZoomIn] = useState(false);
    const toogle = () => {
        setIsZoomIn(v => !v)
    }
    const style:any = isZoomIn ? {
        position: 'fixed',
        top: 0,
        left: 0,
        zIndex: 100,
        width: '100%',
        height:'100%',
        padding:10,
        background: '#fff'
    } : {}
    return {
        toogle,
        isZoomIn,
        style
    }
}
export default useZoomIn